import React from 'react'
/**
 * 容器组件
 * @returns 
 */
export default function Container(props) {
    const { bgColor = "#FFF", borderRadius = 15, innerPadding = 20, outerPadding = 20, children, title, className } = props
    return (
        <div className={className + " container"} style={{ padding: outerPadding }}>
            <div className="container-content" style={{ backgroundColor: bgColor, borderRadius, padding: innerPadding }}>
                {title ? <h1>{title}</h1> : ' '}
                {children}
            </div>
        </div>
    )
}

// TODO 需求：页面滚动事件
/**
 * scroll 滚动事件
 * 
 * scrollStart 滚动开始事件
 * 
 * scrollEnd 滚动完成事件
 * 参数 direction: 方向 up down
 *  
 * grounding 触底
 */